<template>
	<view class="w_100 d_f j_c_c ">
		<view class="d_f j_c_c txt" :style="{width:widths+'%',borderRadius:borderRadius+'rpx'}">
			<view class="w_94">
				<text>{{topTitle}}</text>
				<view class="w_100 d_f f_w_w " style="margin-top: 20rpx;">
					<view class="" v-for="(item,index) in list" class="d_f f_d_c a_i_c "
						:style="index>numClass?itemClass1:itemClass2">
						<slot :user="item"></slot>
					</view>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			list:{
				type:[Array,Number],
				default:4
			},
			numClass:Number,
			itemClass1:Object,
			itemClass2:{
				type:[Object,String],
				default:''
			},
			topTitle:{
				type:[String],
				default:''
			},
			widths:{
				type:[String,Number],
				default:100
			},
			borderRadius:{
				type:[String,Number],
				default:0
			},
		},
		data() {
			return {
			
					
			}
		},
		methods: {
			
		}
	}
</script>

<style>

.txt{
	font-size: 30rpx;
	background-color: #FFFFFF;
	
	padding: 20rpx;
}

</style>
